<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>AUBG musicals</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">

		<link href="assets/css/bootstrap.css" rel="stylesheet">
		<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
		<link href="assets/fonts/fonts.css" rel="stylesheet">
		<link href="assets/css/main.css" rel="stylesheet">
		<link href="assets/css/css-979px.css" rel="stylesheet">
		<link href="assets/css/css-767px.css" rel="stylesheet"> 

		<link rel="apple-touch-icon-precomposed" sizes="144x144" href=" assets/ico/apple-touch-icon-144-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href=" assets/ico/apple-touch-icon-114-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href=" assets/ico/apple-touch-icon-72-precomposed.png">
		<link rel="apple-touch-icon-precomposed" href=" assets/ico/apple-touch-icon-57-precomposed.png">
		<link rel="shortcut icon" href=" assets/ico/favicon.png">
	</head>

	<body>
		<div class="navbar-wrapper">	
			<div class="container">			
			<div class="navbar">
					<div class="navbar-inner">
						<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tuto -->
						<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
							<span class="icon-bar"><!----></span>
							<span class="icon-bar"><!----></span>
							<span class="icon-bar"><!----></span>
						</button>
						<a class="brand" href="#">AUBG musicals</a>
						<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
						<div class="nav-collapse collapse">
							<ul class="nav">
								<li class="blue active">
									<a href="index.html"><span>Начало</span></a>
								</li>
								<li class="yellow">
									<a href="#"><span>За нас</span></a>
								</li>
								<li class="green">
									<a href="shows.html"><span>Дати</span></a>
								</li>
								<li class="red">
									<a href="#"><span>Актьори</span></a>
								</li>
								<li class="dblue">
									<a href="#"><span>Новини</span></a>
								</li>
								<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
								<li class="dropdown purple">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Тийм</span> <b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li>
											<a href="#">Организатори</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider"></li>
										<li class="nav-header">
											Nav header
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
										<li>
											<a href="#">One more separated link</a>
										</li>
									</ul>
								</li>
							</ul>
						</div><!--/.nav-collapse -->
					</div><!-- /.navbar-inner -->
				</div><!-- /.navbar -->
			</div>
		</div><!-- /.navbar-wrapper -->

		<!-- Carousel
		================================================== -->
		<div id="myCarousel" class="carousel slide">
			<div class="carousel-inner">
				<div class="item active">
					<img src=" assets/img/carousel/slide-01.jpg" alt="">
					<div class="dotted-bgr"></div>
					<div class="container">
						<div class="carousel-caption">
							<h1>Example headline.</h1>
							<p class="lead">
								Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
							</p>
							<a class="btn btn-large btn-primary" href="#">Sign up today</a>
						</div>
					</div>
				</div>
				<div class="item">
					<img src=" assets/img/carousel/slide-02.jpg" alt="">
					<div class="dotted-bgr"></div>
					<div class="container">
						<div class="carousel-caption">
							<h1>Another example headline.</h1>
							<p class="lead">
								Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
							</p>
							<a class="btn btn-large btn-primary" href="#">Learn more</a>
						</div>
					</div>
				</div>
				<div class="item">
					<img src=" assets/img/carousel/slide-03.jpg" alt="">
					<div class="dotted-bgr"></div>
					<div class="container">
						<div class="carousel-caption">
							<h1>One more for good measure.</h1>
							<p class="lead">
								Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
							</p>
							<a class="btn btn-large btn-primary" href="#">Browse gallery</a>
						</div>
					</div>
				</div>
			</div>
			<a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
			<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
		</div><!-- /.carousel -->



		<!-- Le javascript
		================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src=" assets/js/jquery.js"></script>
		<script src=" assets/js/bootstrap.js"></script>
		<script>
			! function($) {
				$(function() {
					// carousel demo
					$('#myCarousel').carousel()
				})
			}(window.jQuery)
		</script>
		<script src=" assets/js/holder/holder.js"></script>
		<script src=" assets/js/main.js"></script>
	</body>
</html>
